<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/top.css">
    <link rel="stylesheet" href="css/bg.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/bottom.css">
</head>
<body>
    <div class="top">
        <div class="logo"></div>
        <div class="word">
            <strong class="title">小米商城</strong>
            <p class="title-bottom">让每个人都能享受科技的乐趣</p>
        </div>
    </div>
    <div class="bg">
        <!-- <div class="input-box"></div> -->
        <div class="form">
            <form>
                <p class="login">
                    <span class="active">账号登录</span>
                    <span style="color:#e0e0e0">|</span>
                    <span class="saoma">扫码登录</span>
                </p>
                <p class="phone">
                    <input type="text" placeholder="邮箱/手机号/小米账号"/>
                </p>
                <p class="password">
                    <input type="password" placeholder="密码"/>
                </p>
                <p class="submit">
                    <input type="submit" value="登录"/>
                </p>
            </form>
            <p class="register">
                <span>注册小米账号</span>
                <span>|</span>
                <span>忘记密码?</span>
            </p>
            <div class="footer">
                <p class="qita">
                    <span class="left"></span>
                    其他方式登录
                    <span class="right"></span>
                </p>
                <div class="All-icon">
                    <a href="#" ><span class="qq"></span></a>
                    <a href="#"><span  class="weibo"></span></a>
                    <a href="#" ><span class="alipay"></span></a>
                    <a href="#" ><span class="weixin"></span></a>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom">
        <p class="bottom-one">
            <span>简体</span>
            <span>|</span>
            <span>繁体</span>
            <span>|</span>
            <span>English</span>
            <span>|</span>
            <span>常见问题</span>
        </p>
        <p class="bottom-two">
            <span>小米公司版权所有-京ICP备10046444-</span>
            <img src="imamges/警察.png" class="police-logo"></img>
            <span class="d">京公网安备11010802020134号-京ICP证110507号</span>
        </p>
    </div>
</body>
</html>